@import './color_theme.sass'
.tab_container
    width: 100%
    // padding-top: 20px

    .tab_content
        padding-bottom: 18px
        // margin-bottom: 10px




    .tab_fixed_content
        display: flex
        min-width: 1100px
        padding: 10px 20px
        box-sizing: border-box
        li
            padding: 0 8px 0 0
            &:nth-child(5)
                padding-left: 20px
            input
                color: $color_3333
                border-radius: 6px !important
                &::placeholder
                    color: $color_6767

    .slider_container
        padding: 12px 20px 0 20px

        .tab_buttons
            ul
                padding-bottom: 10px
                li
                    float: left
                    width: 100px
                    padding: 10px 0
                    text-align: center
                    color: $color_6666
                    font-size: 18px
                    &:first-child
                        position: relative
                        text-align: left
                        padding-left: 10px
                        &::before
                            position: absolute
                            width: 4px
                            height: 16px
                            background: $color_fd69
                            content: ' '
                            left: 0px
                            top: 50%
                            margin-top: -7px

                    &:last-child
                        float: right
                        width: auto
                        background: $color_ffff
                        box-sizing: border-box

        table

    .tab_tit_row
        margin-bottom: 14px
        padding-bottom: 14px
        &:last-child
            border-bottom: 0 none !important
    .tab_slider_content
        margin: 0 20px

        box-sizing: border-box
        // height: 200px
        position: relative

        .scroll_slider_container
            padding: 20px 16px 0px

        dl
            position: relative

            dt
                color: $color_6666
                float: left
                padding: 4px 10px
                border: 1px solid $color_bfbf
                //background: $color_fdde
                border-radius: 6px
                margin-right: 10px
                cursor: pointer
                box-sizing: border-box



            dd
                padding: 3px 14px
                border: 1px solid $color_bfbf
                text-align: center
                margin-right: 20px
                border-radius: 4px
                float: left
                cursor: pointer
                box-sizing: border-box
                user-select: none
                -moz-user-select: none
                margin-bottom: 0
                margin-top: 0

                &:last-child
                    margin-right: 0
            .selector_normal
                background: $color_fe92
                border: 0 none
                color: $color_ffff

        .list_options
            margin-bottom: 12px
            li
                min-width: 80px
                padding: 3px 10px
                border: 1px solid $color_bfbf
                text-align: center
                margin-right: 20px
                margin-bottom: 0
                border-radius: 4px
                float: left
                cursor: pointer
                user-select: none
                -moz-user-select: none
                &:first-child
                    background: $color_ecf5
                    border: 0 none
                    padding: 4px 18px
                    min-width: 90px


        .split_tit
            display: inline-block
            width: 60px
            position: relative
            &::before
                content: ' '
                position: absolute
                width: 30px
                border-top: 1px solid $color_b6b6
                top: -5px
                left: 15px


        .tab_search_radius
            input
                border-radius: 4px !important

        .line_split_tab
            margin-left: 60px
            position: relative

            &::before
                position: absolute
                content: ' '
                height: 20px
                left: -30px
                top: 50%
                margin-top: -9px
                width: 1px
                border-left: 1px solid $color_7b7b

        .tab_normal_tit
            float: left
            line-height: 30px
            height: 30px
        .tab_float_left
            float: left

        .tab_selections_tit
            display: inline-block
            width: 130px
            text-align: right
            padding-right: 20px

        .tab_selection_wrapper
            margin-bottom: 20px
            &:last-child
                margin-bottom: 0 !important

        .selection_content
            padding-right: 20px
            min-width: 180px

        .percent_tab_input
            width: 50px
            border-radius: 4px !important
            margin-right: 10px

        .selection_percent_split
            margin: 0 15px
            font-size: 16px


        .tab_column_tit
            height: 30px
            line-height: 30px

        .core_rating
            float: left
            padding: 4px 10px
            background: $color_eeee
            color: $color_9999
            border-radius: 4px

        .stars_wrapper
            float: left
            i
                display: inline-block
                width: 16px
                height: 16px
                margin-top: 7px
                background: url(../Image/repeart_star.png) top left no-repeat
                margin-right: 8px

    .tab_title_split
        padding-bottom: 14px

    .tab_switch_check
        height: 30px
        width: 64px

        &::after
            width: 25px
            height: 25px
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)


    .product_name_input
        width: 230px

.assets_hover_tips
    width: 180px
    li
        white-space: normal

        &:hover
            background: $color_ffff
